
body{ width:100%; max-width:640px; min-height:100%;z-index:100; }

.mall{
	width:100%; max-width:640px; height: auto; background: url(../images/mall.jpg) no-repeat left top; padding-top: 310px; padding-bottom:160px;
	}
.mall li{
	width:100%; height: 144px; padding-top: 40px;
	}
.mall li a{
	width:214px; height: 144px; line-height: 144px; padding-left: 220px; display: block; border-radius: 10px; border: 3px solid #ffd800; font-size: 30px; margin: 0 auto;
	}
.mall li.nengliang a{
	 background: url(../images/nengliang.png) no-repeat 78px center;
	}
.mall li.jifen a{
	 background: url(../images/jifen.png) no-repeat 78px center;
	}
.mall li.taotao a{
	 background: url(../images/taotao.png) no-repeat 78px center;
	}

.shop{
	width:100%; max-width:640px;  height:auto; padding-bottom:36px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden;
	}
.page-title{
	width:100%; max-width:640px; height:304px; overflow:hidden; border-bottom: 1px solid #e6e6e6; position: absolute; left: 0; top: 0; background: url(../images/shop.jpg) no-repeat center top; background-color: #fff; background-size: 640px 246px; 
	}
.shop .menu {
	width: 100%; height: 58px; padding-top: 246px;
	}
.shop .menu a{
	width: 320px; height: 58px; display: block; float: left; font-size: 30px; text-align: center; background: url(../images/tab_bg.png) no-repeat 230px 14px;
	}
.shop .menu a.select{
	color: #ffd800; background: url(../images/tab_bg_hover.png) no-repeat 230px 14px;
	}
.shop .tab{
	width:100%; max-width:640px; height: auto; position: absolute; left: 0; top: 305px; display:none; background-color: rgba(0,0,0,0.5);
	}
.shop .tab div{
	display: none;
	}
.shop .tab div.show{
	display: block;
	}
.shop .tab .fenlei1{
	width:200px; height: 720px; background-color: #fff; float: left; overflow: auto;
	}
.shop .tab .fenlei1 li{
	width:200px; height: 119px; line-height: 119px; background-color: #f5f5f5; text-align:center; font-size: 30px; color: #333; border-bottom: 1px solid #e6e6e6;
	}
.shop .tab .fenlei1 li.hover{
	color: #ffd800; background-color: #fff; 
	}
.shop .tab .fenlei2{
	width:440px; height: 720px; background-color: #fff; float: left; overflow: auto;
	}
.shop .tab .fenlei2 li{
	width:410px; height: 119px; line-height: 119px; background-color: #fff; text-align:left; padding-left: 30px; font-size: 30px; color: #333; border-bottom: 1px solid #e6e6e6;
	}
.shop .tab .paixu{
	width:100%; height: auto; background-color: #fff;
	}
.shop .tab .paixu li{
	width:100%; height: 108px; line-height: 108px; padding-left: 90px; font-size: 30px; color: #333; border-bottom: 1px solid #e6e6e6;
	}
.shop .tab .paixu li.hover{
	background: url(../images/select_paixu.png) no-repeat 30px center; color: #ffd800;
	}
.shop .shopping-list{
	width:100%; height: auto; padding-top: 306px; overflow:hidden; 
	}
.shop .shopping-list ul {
	width:100%; height: auto;
	}
.shop .shopping-list ul li{
	width:290px; height: auto; float:left; background-color:#fff; margin-left: 20px; margin-top:20px;
	}
.shop .shopping-list ul li img{
	width:290px; height: 300px; border-bottom: 1px solid #f5f5f5;
	}
.shop .shopping-list ul li .box{
	padding: 16px 20px;
	}
.shop .shopping-list ul li h4{
	width:100%; height: auto; line-height: 30px; font-size:24px; color:#333; font-weight:normal;
	}
.shop .shopping-list ul li span{
	width:100%; height:50px; line-height:50px; display:block; font-size:24px; color:#ffd800; 
	}
.shop .shopping-list ul li span b{
	font-size:30px; 
	}
.shop .shopping-list ul li span s{
	font-size:24px; color:#999; padding-left:22px;
	}
.shop .shopping-list ul li span i{
	width: 50px; height: 50px; display: block; float: right; background: url(../images/shopping_cart.png) no-repeat left top; background-size: 50px 50px; cursor: pointer;
	}

/* - 确认订单，订单详情 - */
.order{
	 background: url(../images/ConfirmOrder.jpg) no-repeat left top; background-size:100%; padding-top: 240px;
	}
.order .consignee{
	width: 100%; height: auto; padding: 3px 0; background: url(../images/consignee_bg.png) repeat left top; background-size: 30px;
}
.order .consignee .consignee-msg{
	width: 600px; height: auto; background: url(../images/ArrowRight.png) no-repeat 96% center;  background-size: 21px 36px; padding:8px 20px; background-color: #fff; 
}
.order .consignee .consignee-msg .consignee-name{
	width: 100%; height: 60px; line-height: 60px; font-size: 30px; color: #323232;
}
.order .consignee .consignee-msg .consignee-name span{
	float: left;
}
.order .consignee .consignee-msg .consignee-name .phone{
	float: right; margin-right: 120px;
}
.order .consignee .consignee-msg .address{
	width: 100%; height: 48px; line-height: 48px; font-size: 26px; color: #323232; 
}
.order .parameter{
	width: 100%; height: auto; background-color: #fff; padding-top: 20px; margin-top: 20px;
}
.order .parameter .goods-parameter{
	width: 620px; height: auto; padding-left: 20px; overflow: hidden;
}
.order .parameter .goods-parameter img{
	width: 180px; height: 150px; border-radius: 5px; border: 1px solid #e6e6e6; float: left;
}
.order .parameter .goods-parameter p{
	width: 60%; line-height: 64px; padding:0px 3%; float: left; font-size: 28px; padding-top: 8px;
}
.order .parameter .goods-parameter p span{
	text-align: left; width: 75%;
}
.order .parameter .goods-parameter p span b{
	font-size: 36px; line-height: 28px;
}
.order .parameter .goods-parameter p span.price,.order .parameter .goods-parameter p span.num{
	text-align: right; width: 25%; float: right;
}
.order .parameter ul{
	height: auto; margin-left: 20px; border-top: 1px solid #e6e6e6;margin-top: 20px;
}
.order .parameter ul li{
	width: 100%; height: 88px; line-height: 88px; border-bottom: 1px solid #e6e6e6; color: #333; font-size: 30px;
}
.order .parameter ul li.last{
	border: none;
}
.order .parameter ul li span{
	width: 50%; text-align: left;
}
.order .parameter ul li span.right{
	width: 45%;text-align: right; float: right; margin-right: 5%;
}
.order .parameter ul li span.color{
	color: #999;
}
.order .parameter ul li input{
	width: 50%; text-align: left; padding-left: 12px; height: 72px; line-height: 72px; font-size: 26px;
}
.order .total{
	width: 100%; height: 92px; line-height: 92px; font-size: 30px; background-color: #fff;
}
.order .total span{
	float: right; margin-right: 5%;
}
.order .total span b{
	color: #ffd800;
}
.order .total span b i{
	font-size: 40px; font-style: normal;
}
.order .Payment{
	width: 100%; height: auto; margin-top: 20px; background-color: #fff; 
}
.order .Payment h4{
	height: 88px; line-height: 88px; font-weight: normal; font-size: 32px; padding-left: 20px;; border-bottom: 1px solid #e6e6e6;
}
.order .Payment ul{
	height: auto; padding-left: 20px;
}
.order .Payment ul li{
	height: 86px; line-height: 86px; border-bottom: 1px solid #e6e6e6; padding-left:60px; font-size: 30px; color: #333; background: url(../img/icon_wdjf.png) no-repeat left center; background-size: 46px;
}
.order .Payment ul li.alipay{
	 background: url(../img/icon_alipay.png) no-repeat left center; background-size: 46px;
}
.order .Payment ul li.weixin{
	 background: url(../img/icon_weixin.png) no-repeat left center; background-size: 46px;
}
.order .Payment ul li.banks{
	 background: url(../img/icon_banks.png) no-repeat left center; background-size: 46px;
}
.order .Payment ul li.wdjf{
	 background: url(../img/icon_wdjf.png) no-repeat left center; background-size: 46px;
}
.order .Payment ul li span{
	width: 44px; height: 44px; display: block; border: 2px solid #ccc; float: right; border-radius: 25px; margin-top: 20px; margin-right: 20px;
}
.order .Payment ul li span i{
	width: 24px; height: 24px; border-radius: 12px; background-color: #ffd800; display: none; margin-top: 10px; margin-left: 10px;
}
.order .Payment ul li span.select{
	border: 2px solid #ffd800; 
}
.order .Payment ul li span.select i{
	display: block;
}
.order .submit{
	width: 640px; height: 92px; line-height: 92px; position: fixed; bottom: 0px; background-color: #fff;  
}
.order .submit p{
	width: 65%; height: 92px; float: left; text-align: right; padding-right: 5%; font-size: 30px; background-color: #fff;
}
.order .submit p b{
	 font-size: 26px; color: #ffd800;
}
.order .submit p b s{
	 font-size: 40px; text-decoration: none;
}
.order .submit a{
	width: 30%; height: 92px; display: block; text-align: center; font-size: 36px; background-color: #ffd800; color: #fff; float: right;
}

.myorder {
	width: 100%; background: url(../images/MyOrder.jpg) no-repeat left top; padding-top: 260px; background-color: #f0f0f0; overflow: hidden;
}
.myorder .menu {
	width: 100%; height: 60px; background-color: #fff; padding: 10px 0; overflow: hidden;
	}
.myorder .menu a{
	width: 270px; height: 60px; line-height: 60px; display: block; float: left; font-size: 30px; text-align: center; margin-left: 25px; margin-right: 25px;
	}
.myorder .menu a.select{
	width: 270px; height: 60px; line-height: 60px; border-radius: 30px; color: #ffd800; background-color: #ffd800; color: #fff;
	}
.myorder .tab{
	width: 100%; height: 88px; line-height: 88px; font-size: 26px; color: #333; margin-top: 20px;
}
.myorder .tab ul{
	width:100%; height:86px; border-bottom: 2px solid #ffd800; background-color: #fff; 
}
.myorder .tab li{
	width: 20%; height: 86px; float: left; text-align: center;  
}
.myorder .tab li.select {
	width: 20%; height: 86px; background-color: #ffd800; border-bottom: 2px solid #ffd800;
}
.myorder .Pending{
	margin-bottom: 20px;
}
.myorder .orderid{
	width: 100%; height: 68px; line-height: 68px; background-color: #fff; font-size: 22px; overflow: hidden;
}
.myorder .orderid span{
	padding: 0 20px; float: left;
}
.myorder .orderid span.status{
	float: right; font-size:26px; color: #ffd800;
}
.myorder .operation{
	width: 100%; height: 110px; line-height: 110px; font-size: 30px; background-color: #fff; 
}
.myorder .operation .box{
	width: 95%; border-top: 1px solid #e6e6e6; margin-left: 5%; overflow: hidden;
}
.myorder .operation .box span{
	width: 200px; height: 58px; line-height: 58px; display: block; text-align: center; margin-right: 20px; margin-top: 24px; line-height: 58px; font-size: 26px; border: 1px solid #ccc; float: right;
}
.myorder .operation .box span.color{
	border: 1px solid #ffd800; color: #ffd800;
}


.myorder .parameter{
	width: 100%; height: auto; background-color: #f5f5f5; padding: 20px 0;
}
.myorder .parameter .goods-parameter{
	width: 620px; height: auto; padding-left: 20px; overflow: hidden;
}
.myorder .parameter .goods-parameter img{
	width: 180px; height: 150px; border-radius: 5px; border: 1px solid #e6e6e6; float: left;
}
.myorder .parameter .goods-parameter p{
	width: 60%; line-height: 64px; padding:0px 3%; float: left; font-size: 28px; padding-top: 8px;
}
.myorder .parameter .goods-parameter p span{
	text-align: left; width: 75%;
}
.myorder .parameter .goods-parameter p span b{
	font-size: 36px; line-height: 28px;
}
.myorder .parameter .goods-parameter p span.price,.myorder .parameter .goods-parameter p span.num{
	text-align: right; width: 25%; float: right;
}
.myorder .parameter ul{
	width: 100%; height: auto; margin-left: 20px; border-top: 1px solid #e6e6e6;margin-top: 20px;
}
.myorder .parameter ul li{
	width: 100%; height: 88px; line-height: 88px; border-bottom: 1px solid #e6e6e6; color: #333; font-size: 30px;
}
.myorder .parameter ul li.last{
	border: none;
}
.myorder .parameter ul li span{
	width: 50%; text-align: left;
}
.myorder .parameter ul li span.right{
	width: 45%;text-align: right; float: right; margin-right: 5%;
}
.myorder .parameter ul li span.color{
	color: #999;
}
.myorder .parameter ul li input{
	width: 50%; text-align: left; padding-left: 12px; height: 72px; line-height: 72px; font-size: 26px;
}
.myorder .total{
	width: 100%; height: 84px; line-height: 84px; font-size: 28px; background-color: #fff;
}
.myorder .total span{
	float: right; margin-right: 20px;
}
.myorder .total span.time{
	float: left; padding-left: 20px; color: #808080; font-size: 22px;
}
.myorder .total span b{
	 font-size: 22px;
}
.myorder .total span b i{
	font-size: 30px; font-style: normal;
}

.myorder .orderover{
	width: 100%; height:auto; background-color: #fff; text-align: left; font-size: 30px;
}
.myorder .orderover p{
	line-height: 60px; padding-top: 90px; padding-bottom: 50px;
}
.myorder .orderover p.center{
	text-align: center; height: 60px; border-top: 1px solid #ccc; width: 400px; height: auto; display: block; margin: 0 auto; color: #808080;
}
.myorder .orderover span{
	color: #333; font-size: 36px;
}
.myorder .orderover span.box{
	float: left; width: 60px; height: 60px; display: block;  margin-left: 148px; margin-right: 8px;  background: url(../images/select.png) no-repeat center center;
}
.myorder .orderover .next{
	text-align: center; padding-top: 20px;
}
.myorder .orderover .next a{
	margin-left: 8%; margin-right: 8%; font-size: 30px; text-decoration: underline; color: #333;
}
.myorder .orderover .next a.color{
    color: #ffd800;
}

.manage {
	width: 100%; height: auto; background: url(../images/AddressManage.jpg) no-repeat left top; padding-top: 270px; padding-bottom: 120px;
}
.manage .consignee{
	width: 100%; height: auto; padding: 3px 0; margin-top: 20px;
}
.manage .consignee .operation{
	width: 100%; height: 90px; line-height: 90px; background-color: #fff; font-size: 26px;
}
.manage .consignee .operation div{
	width: 620px; height: 90px; line-height: 90px; margin-left: 20px; border-bottom: 1px solid #e5e5e5; overflow: hidden;
}
.manage .consignee .operation .delete{
	width: 50px; height: 36px; line-height: 50px; text-align: center; display: block; background: url(../images/delete.png) no-repeat center top; float: right; margin-right: 20px; margin-top: 27px; 
}
.manage .consignee .operation .default{
	padding-left: 10%; background: url(../images/Select1.png) no-repeat left center; width: 40%; height: 90px; display: block; float: left;
}
.manage .consignee .operation .Select{
	background: url(../images/Select2.png) no-repeat left center; 
}
.manage .consignee .consignee-msg{
	width: 600px; height: auto; padding: 20px; background-color: #fff; 
}
.manage .consignee .consignee-msg .consignee-name{
	width: 100%; height: 48px; line-height: 48px; font-size: 30px; color: #323232;
}
.manage .consignee .consignee-msg .consignee-name span{
	float: left;
}
.manage .consignee .consignee-msg .consignee-name .phone{
	float: right; margin-right: 5%;
}
.manage .consignee .consignee-msg .address{
	width: 100%; height: 48px; line-height: 48px; font-size: 26px; color: #323232; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.manage .add1{
	width:640px; height: 78px; border-top: 1px solid #e5e5e5; background-color: #fff; padding-top: 20px; position: fixed; bottom: 0;
}
.manage .add{
	width: 300px; height: 58px; line-height: 58px; color: #ffd800; display: block; border: 1px solid #ffd800; border-radius:8px; text-align: center; font-size: 26px; margin: 0 auto;
}
.list .address {
	width: 100%; height: auto; background: url(../images/address.jpg) no-repeat left top; padding-top: 270px;
}
.list .address .listmsg ul{
	background-color: #fff;
}
.list .address .listmsg li{
	width: 620px; height: 106px; line-height: 106px; margin-left: 20px; border-bottom: 1px solid #e6e6e6; overflow: hidden;
}
.list .address .listmsg li.region{
	background: url(../images/ArrowRight.png) no-repeat 95% center;
}
.list .address .listmsg li input{
	width: 600px; height: 106px; line-height: 106px; font-size: 30px; background: none; padding-left: 20px;
}
.list .address .save{
	width: 460px; height: 80px; display: block; line-height: 80px; font-size: 30px; background-color: #ffd800; color: #fff; border-radius: 8px; text-align: center; margin: 0 auto; margin-top: 108px;
}
.nav{
	width:640px; height: 77px; background-color:#ffd800; position:fixed; bottom:0; z-index:999;
	}
.nav li{
	width:33%; height: 77px; color:#fff; float: left; text-align:center;
	}
.nav li a{
	width:100%; height: 30px; line-height:30px; display:block; color:#27272c; font-size:30px; border-right:1px solid #27272c; margin-top:23px;
	}
.nav li.last a{
	border:none;
	} 
/* - 购物车 - */
.cart {
	width: 100%; min-width: 640px; height: auto; background: url(../images/cart.jpg) no-repeat left top; padding-top: 270px; padding-bottom: 97px; position: relative; z-index: 101;
}
.cart .submit{
	width: 640px; height: 96px; line-height: 96px; position: fixed; bottom: 0; background-color: #fff; 
}
.cart .submit .tongji{
	width: 68%; height: 96px; float: left; font-size: 30px;
}
.cart .submit .tongji .select-all{
	float: left; padding-left: 20px;
}
.cart .submit .tongji .select-all span{
	width: 46px; height: 46px; display: block; border: 2px solid #ccc; border-radius: 25px; float: left; margin-top:23px; margin-right: 20px;
}
.cart .submit .tongji .select-all span.select{
	border: 2px solid #ffd800;
}
.cart .submit .tongji .select-all span.select i{
	width: 16px; height: 16px; display: block; border-radius: 8px; background-color: #ffd800; margin-top:15px; margin-left: 15px;
}
.cart .submit .tongji .total{
	float: right; padding-right: 20px; 
}
.cart .submit .tongji .total span{
	font-size: 26px; color: #ffd800;
}
.cart .submit .tongji .total span b{
	font-size: 40px;
}
.cart .submit .ok{
	width: 32%; height: 96px; float: left; text-align: center; background-color: #ffd800; font-size: 36px; color: #fff;
}
.cart li{
	width: 100%; height: auto; background-color: #fff; overflow: hidden;
}
.cart li .select-icon{
	width: 36px; height: 36px; border: 2px solid #ccc; border-radius: 20px; display: block; float: left; margin-left: 20px; margin-right: 20px; margin-top: 74px;
}
.cart li .select-icon s{
	width: 14px; height: 14px; border-radius: 7px; display: block; margin-left: 11px; margin-top: 11px; background-color: #ccc;
}
.cart li.select .select-icon{
	border: 2px solid #ffd800;
}
.cart li.select .select-icon s{
	background-color: #ffd800;
}
.cart li .cart-list{
	width: 560px; height: 148px; border-bottom: 1px solid #e6e6e6; float: left; padding: 20px 0;
}
.cart li .cart-list img{
	width: 178px; height: 148px; border: 1px solid #e6e6e6; border-radius: 8px; float: left;
}
.cart li .cart-list img{
	width: 178px; height: 148px; border: 1px solid #e6e6e6; border-radius: 8px; float: left;
}
.cart li .cart-list .parameter{
	width: 360px; height: 150px; float: left; padding-left: 20px;
}
.cart li .cart-list .parameter .title{
	width: 250px; height: auto; line-height: 32px; font-size: 24px; float: left; padding-top: 4px;
}
.cart li .cart-list .parameter .del{
	width: 34px; height: 36px; font-size: 24px; float: right; background: url(../images/delete.png) no-repeat left top; margin-top: 4px; margin-right: 20px;
}
.cart li .cart-list .parameter .size{
	width: 360px; height: auto; float: left; font-size: 20px; color: #999; padding-top: 20px;
}
.cart li .cart-list .parameter .price{
	width: 120px; height: 30px; line-height: 30px; float: left; color: #ffd800; font-size: 26px; padding-top: 8px; font-weight: bold;
}
.cart li .cart-list .parameter .num{
	width: 220px; height: 40px; float: right; line-height: 40px; padding-right: 20px;
}
.cart li .cart-list .parameter .num s{
	width: 36px; height: 36px; line-height: 30px; border: 2px solid #ccc; border-radius: 20px; display: block; float: right; text-decoration: none; text-align: center; font-size: 40px;
}
.cart li .cart-list .parameter .num s.add{
	line-height: 30px; color: #ffd800; border: 2px solid #ffd800; 
}
.cart li .cart-list .parameter .num b{
	width: 60px; text-align: center; font-size: 36px; float: right;
}
